<div ng-class="{'dropup':upPosition, 'dropDown':!upPosition}">
    <!--add edit by lqx-->
    <div class="drop-down-header form-control txt-show spill-dots cursor-pointer" ng-click="toggleDropDown()" ng-if="$parent.isKJ"
         title="{{selectedObj.warehouseCode ? (selectedObj.warehouseCode + ' - ' + selectedObj.areaCode) : ''}}">
        {{selectedObj.warehouseCode ? (selectedObj.warehouseCode + " - " + selectedObj.areaCode) : "" || (multiLan?('请选择库区'|translate):'请选择库区')}}
        <i class="yb-icon ico-chevron-down"></i>
    </div> 
    <div class="drop-down-header form-control txt-show spill-dots cursor-pointer" ng-click="toggleDropDown()" ng-if="!$parent.isKJ"
         title="{{selectedObj.warehouseCode ? (selectedObj.warehouseCode + ' - ' + selectedObj.areaCode + ' - ' + selectedObj.locationCode) : ''}}">
        {{selectedObj.warehouseCode ? (selectedObj.warehouseCode + " - " + selectedObj.areaCode + " - " + selectedObj.locationCode) : "" || (multiLan?('请选择货架'|translate):'请选择货架')}}
        <i class="yb-icon ico-chevron-down"></i>
    </div>

    <div class="drop-down-con" ng-if="enablePopup" ng-click="$event.stopPropagation();">
        <!--add eidt by lqx-->
        <div  ng-if="$parent.isKJ">
            <div class="wrapper-y-xs wrapper-x-sm" ng-if="!!selectedObj.warehouseCode && !selectedObjShow.warehouseCode">
                {{multiLan?('已选'|translate):'已选'}}：
                {{selectedObj.warehouseCode + " - " + selectedObj.areaCode }}
            </div>
            <div class="wrapper-y-xs wrapper-x-sm" ng-if="!!selectedObjShow.warehouseCode || (!selectedObj.warehouseCode && !selectedObjShow.warehouseCode)">
                {{multiLan?('已选'|translate):'已选'}}：
                {{selectedObjShow.warehouseCode + (selectedObjShow.areaCode ? (" - " + selectedObjShow.areaCode) : "") }}
            </div>
        </div>
        <div  ng-if="!$parent.isKJ">
            <div class="wrapper-y-xs wrapper-x-sm" ng-if="!!selectedObj.warehouseCode && !selectedObjShow.warehouseCode">
                {{multiLan?('已选'|translate):'已选'}}：
                {{selectedObj.warehouseCode + " - " + selectedObj.areaCode + " - " + selectedObj.locationCode}}
            </div>
            <div class="wrapper-y-xs wrapper-x-sm" ng-if="!!selectedObjShow.warehouseCode || (!selectedObj.warehouseCode && !selectedObjShow.warehouseCode)">
                {{multiLan?('已选'|translate):'已选'}}：
                {{selectedObjShow.warehouseCode + (selectedObjShow.areaCode ? (" - " + selectedObjShow.areaCode) : "") + (selectedObjShow.locationCode ? (" - " + selectedObjShow.locationCode) : "")}}
            </div>
        </div>

        <div class="row">
            <div tabset class="col-xs-12">
                <div tab heading="选择仓库" active="activeFlag[0]" ng-click="changeTabFn(0)">
                    <div class="col-xs-12" style="min-height: 80px;max-height: 550px;">
                        <ul>
                            <li class="wrapper-y-sm" ng-if="firstClassList.length === 0">{{multiLan?('未设置仓库'|translate):'未设置仓库'}}</li>
                        </ul>
                        <ul class="wrapper-y-sm clearfix select-list">
                            <li ng-class="{active: selectedObjShow.warehouseCode == item.warehouseCode}"
                                ng-repeat="item in firstClassList track by $index" ng-click="selectClassItem(0, item)">
                                {{item.warehouseCode}}
                            </li>
                        </ul>
                    </div>
                </div>
                <div tab heading="选择库区" active="activeFlag[1]" ng-click="changeTabFn(1)" ng-show="activeFlag[1] || activeFlag[2]">
                    <div class="col-xs-12" style="min-height: 80px;max-height: 550px;">
                        <ul>
                            <li class="wrapper-y-sm" ng-if="secondClassList.length === 0">{{multiLan?('该仓库下未设置库区'|translate):'该仓库下未设置库区'}}</li>
                        </ul>
                        <ul class="wrapper-y-sm clearfix select-list">
                            <li ng-class="{active: selectedObjShow.areaCode == item.areaCode}"
                                ng-repeat="item in secondClassList track by $index" ng-click="selectClassItem(1, item)">
                                {{item.areaCode}}
                            </li>
                        </ul>
                    </div>
                </div>
                <div tab heading="选择货架" active="activeFlag[2]" ng-click="changeTabFn(2)" ng-show="activeFlag[2]">
                    <div class="col-xs-12" style="min-height: 80px;max-height: 550px;">
                        <ul>
                            <li class="wrapper-y-sm" ng-if="thirdClassList.length === 0">{{multiLan?('该库区下未设置货架'|translate):'该库区下未设置货架'}}</li>
                        </ul>
                        <ul class="wrapper-y-sm clearfix select-list">
                            <li ng-class="{active: selectedObjShow.locationCode == item.shelfNo}"
                                ng-repeat="item in thirdClassList track by $index" ng-click="selectClassItem(2, item)">
                                {{item.shelfNo}}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer clearfix">
            <button class="btn btn-primary btn-sm pull-right m-l-sm" ng-click="ok()" ng-disabled="!selectedObjShow.areaCode">{{multiLan?('确定'|translate):'确定'}}</button>
            <button class="btn btn-default btn-sm pull-right m-l-sm" ng-click="clearDepot()" ng-disabled="!selectedObjShow.warehouseCode">{{multiLan?('清空'|translate):'清空'}}</button>
            <button class="btn btn-default btn-sm pull-right" ng-click="cancel()">{{multiLan?('取消'|translate):'取消'}}</button>
        </div>
    </div>
</div>
